<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>AI后台管理系统</title>
  <link rel="stylesheet" href="/admin/fonts/iconfont.css">
  <link rel="shortcut icon" href="../../static/admin/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="/admin/lib/layui/css/layui.css" />

  <style>
    layui-body {
      position: absolute;
      top: 60px;
      right: 0px;
      left: 200px;
      bottom: 60px;
      background-color: red;
    }

    .left_mar {
      margin-left: 20px;
    }

    #updateUserBox {
      display: none;
      width: 500px;
    }

    #updateUserBox .layui-input {
      width: 90%;
    }
  </style>
</head>

<body>

  <div class="layui-layout layui-layout-admin">
    <div class="layui-header layui-bg-green">
      <div class="layui-logo layui-hide-xs layui-bg-green">
        <img src="/admin/images/图片.jpg" class="layui-nav-img" />
        AI后台管理系统
      </div>
      <!-- 测试 -->
      <ul class="layui-nav layui-layout-right">
        <!-- 移动端显示 -->
        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
          <i class="layui-icon layui-icon-spread-left"></i>
        </li>
        <li class="layui-nav-item layui-hide-xs " style="margin-right: 170px;"><a href="/"><i
              class="layui-icon">&#xe67f;</i></a></li>
      </ul>

      <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="/admin/images/图标.gif" class="layui-nav-img" />
            <%= username %>
          </a>
          <dl class="layui-nav-child">
            <dd><a href="/">前台页面</a></dd>
            <dd><a href="/admin/login/logout">退出登录</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
          <a href="javascript:;">
            <i class="layui-icon layui-icon-more-vertical"></i>
          </a>
        </li>
      </ul>
    </div>

    <div class="layui-side layui-bg-green">
      <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <!-- lay-shrink="all"  当展开子菜单时  其他子菜单收缩 -->
        <ul class="layui-nav layui-nav-tree layui-bg-green" lay-shrink="all" lay-filter="test">
          <!-- 首页管理开始 -->
          <li class="layui-nav-item layui-nav-item">
            <a class="" href="javascript:;"><i class="iconfont icon-shouyeguanli2
                " style="font-size: 20px;margin-right:5px"></i> 首页管理</a>
            <dl class="layui-nav-child layui-nav-child-r">
              <dd><a href="/admin/banner/" target="content" class="left_mar">轮播图管理</a></dd>

              <dd><a href="/admin/nav/list" class="left_mar" target="content">导航展示</a></dd>
              <dd><a href="/admin/nav/navadd" class="left_mar" target="content">添加导航</a></dd>
            </dl>
          </li>
          <!-- 首页管理结束 -->

          <!-- 产品管理开始 -->
          <li class="layui-nav-item"><a href="javascript:;"><i class="iconfont icon-wodechanpin"
                style="font-size: 20px;margin-right:5px"></i> 产品管理</a>
            <dl class="layui-nav-child">
              <dd><a href="/admin/goods/classify" class="left_mar" target="content">产品分类</a></dd>
              <dd><a href="/admin/goods/details" class="left_mar" target="content">产品详情</a></dd>
              <dd><a href="/admin/goods/add" class="left_mar" target="content">添加产品</a></dd>
            </dl>
          </li>
          <!-- 产品管理结束 -->

          <!-- 王超的新闻资讯开始 -->
          <li class="layui-nav-item"><a href="javascript:;"><i class="iconfont icon-wodechanpin"
                style="font-size: 20px;margin-right:5px"></i> 新闻资讯</a>
            <dl class="layui-nav-child">
              <dd><a href="javascript:;" class="left_mar"><i class="iconfont icon-neirong3 "
                    style="font-size: 14px;margin-right:5px"></i>公司新闻</a>
                <!-- 二级菜单  -->
                <dl class="layui-nav-child">
                  <!-- <dd><a href="/admin/news/newsindex/" class="left_mar" target="content">新闻展示</a></dd> -->
                  <dd><a href="/admin/news/newsindex/list" class="left_mar" target="content">新闻修改</a></dd>
                </dl>
              </dd>
              <dd><a href="javascript:;" class="left_mar"><i class="iconfont icon-hangyedongtai2"
                    style="font-size: 14px;margin-right:5px"></i>行业动态</a>
                <!-- 二级菜单  -->
                <dl class="layui-nav-child">
                  <dd><a href="/admin/news/industryindex/add" class="left_mar" target="content">文章添加</a></dd>
                  <dd><a href="/admin/news/industryindex/index" class="left_mar" target="content">文章修改</a></dd>
                </dl>

              </dd>
            </dl>
          </li>

          <!-- 新闻资讯结束 -->

          <!-- 网站管理开始 -->
          <li class="layui-nav-item ">
            <a href="javascript:;">
              <!-- layui-icon-website -->
              <!-- <i class="iconfont icon-neirong1" style="font-size: 20px;margin-right:5px"></i>网站管理 -->
              <i class="layui-icon layui-icon-website" style="font-size: 20px;margin-right:5px"></i>网站管理
            </a>
            <dl class="layui-nav-child">

              <dd><a href="/admin/web/about" target="content" class="left_mar">关于我们管理</a></dd>
              <dd><a href="/admin/web/cooperation_add" target="content" class="left_mar">合作案例添加</a></dd>
              <dd><a href="/admin/web/cooperation_list" target="content" class="left_mar">合作案例查看</a></dd>
              <dd><a href="/admin/web/teams_add" target="content" class="left_mar">核心团队添加</a></dd>
              <dd><a href="/admin/web/teams_list" target="content" class="left_mar">核心团队查看</a></dd>
              <!-- <dd><a href="/admin/index/usereva" target="content" class="left_mar">开源生态管理</a></dd> -->

            </dl>
          </li>
          <!-- 网站管理结束 -->

          <!-- 数据总览开始 -->
          <li class="layui-nav-item layui-nav-item">
            <a class="" href="javascript:;"><i class="layui-icon-close
                " style="font-size: 20px;margin-right:5px"></i> 数据管理</a>
            <dl class="layui-nav-child layui-nav-child-r">
              <dd><a href="/admin/echarts/" target="content" class="left_mar">数据预览</a></dd>
            </dl>
          </li>
          <!-- 数据总览结束 -->

          <!-- 用户管理开始 -->
          <li class="layui-nav-item"><a href="/admin/user/" target="content"><i class="iconfont icon-zhuanti"
                style="font-size: 20px;margin-right:5px"></i>用户管理</a></li>
          <!-- 用户管理结束 -->
          <li class="layui-nav-item">
            <a href="javascript:;" target="content">
              <i class="iconfont icon-zhuanti" style="font-size: 20px;margin-right:5px"></i>个人中心
            </a>
            <dl class="layui-nav-child">

              <dd><a href="/admin/users/update_pwd" target="content" class="left_mar">修改密码</a></dd>

              <!-- <dd><a href="/admin/index/usereva" target="content" class="left_mar">开源生态管理</a></dd> -->

            </dl>
          </li>
        </ul>
      </div>
    </div>

    <div class="layui-body">

      <!-- 内容主体区域 -->
      <!-- <div style="padding: 15px">内容主体区域。记得修改 layui.css 和 js 的路径</div> -->
      <!-- <iframe src="https://5aebf8b605931.t73.qifeiye.com/" name="content" scrolling="'yes" frameborder="0"
        style="width: 100%; height: 100%"></iframe> -->
      <iframe src="/admin/echarts/" name="content" frameborder="0" frameborder="0" scrolling="yes" width="100%"
        height="100%" style="background-color: #f2f2f2;"></iframe>
    </div>

    <div class="layui-footer">
      <!-- 底部固定区域 -->
      <!-- 底部固定区域 -->
    </div>
  </div>
</body>

</html>
<script src="/admin/lib/layui/layui.js"></script>

<script>
  //注意：导航 依赖 element 模块，否则无法进行功能性操作
  //JS
  layui.use(['element', 'layer', 'util'], function () {
    var element = layui.element,
      layer = layui.layer,
      util = layui.util,
      $ = layui.$;

    //头部事件
    util.event('lay-header-event', {
      //左侧菜单事件·
      menuLeft: function (othis) {
        layer.msg('展开左侧菜单的操作', {
          icon: 0
        });
      },
      menuRight: function () {
        layer.open({
          type: 1,
          content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
          area: ['260px', '100%'],
          offset: 'rt', //右上角
          anim: 5,
          shadeClose: true,
        });
      },
    });
  });
</script>